/* global.css - 全局样式 */

/* 主题颜色变量 */
:root {
    --primary-color: #409EFF;
    --success-color: #67C23A;
    --warning-color: #E6A23C;
    --danger-color: #F56C6C;
    --info-color: #909399;
    
    --primary-text-color: #303133;
    --regular-text-color: #606266;
    --secondary-text-color: #909399;
    --placeholder-text-color: #C0C4CC;
    
    --border-color-base: #DCDFE6;
    --border-color-light: #E4E7ED;
    --border-color-lighter: #EBEEF5;
    --border-color-extra-light: #F2F6FC;
    
    --background-color-base: #F5F7FA;
  }
  
  /* 全局通用样式 */
  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-right {
    text-align: right;
  }
  
  .text-left {
    text-align: left;
  }
  
  .flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  /* 常用间距 */
  .mt-10 { margin-top: 10px; }
  .mr-10 { margin-right: 10px; }
  .mb-10 { margin-bottom: 10px; }
  .ml-10 { margin-left: 10px; }
  
  .pt-10 { padding-top: 10px; }
  .pr-10 { padding-right: 10px; }
  .pb-10 { padding-bottom: 10px; }
  .pl-10 { padding-left: 10px; }
  
  /* 重写Element Plus一些默认样式 */
  .el-table {
    width: 100%;
  }
  
  .el-pagination {
    margin-top: 20px;
    text-align: right;
  }